<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>shopcart</title>
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/shopcart.css">
  <link rel="stylesheet" href="../css/public.css">
</head>

<body>

  <!-- header start -->
  <header>
  <!-- header start -->
  <header>
    <div class="top">
      <h1 class="logo"><img src="../img/logo_w.png" alt=""></h1>
      <div class="top_right" style="display: flex;">
        <em class="login a">登录</em>
        <em class="register b">注册</em>
      </div>
    </div>
  </header>


  <!-- nav start -->
  <nav>
    <ul>
      <li class="current"><a href="./index.html">首&nbsp;&nbsp;页</a></li>
      <li><a href="./introduce.html">店铺介绍</a></li>
      <li><a href="./news.html">宠物资讯</a></li>
      <li><a href="./product.html" class="current">宠物产品</a></li>
      <li><a href="./message.html">客户留言</a></li>
    </ul>
  </nav>

  <!-- main start -->
  <main>
    <table width="700" border="1">
      <thead>
        <tr>
          <th>全选</th>
          <th>图片</th>
          <th>名称</th>
          <th>数量</th>
          <th>价格</th>
          <th>小计</th>
          <th>删除</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><input type="checkbox"></td>
          <td>2</td>
          <td>3</td>
          <td>4</td>
          <td>5</td>
          <td></td>
          <td>6</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th colspan="2"><input type="checkbox" id="allCheck" ><label for="allCheck">全选</label></th>
          <th align="right">总数量：</th>
          <th id="sum">0</th>
          <th align="right">总价：</th>
          <th id="sumPrice">0</th>
          <th id="delAll">删除全部</th>
        </tr>
      </tfoot>
    </table>
    <div class="buy">
      <p>立即购买</p>
    </div>
  </main>


  <!-- footer start -->
  <footer>
    <div class="footerbg">
      <div class="f-top">
        <ul>
          <li>首页</li>
          <li>店铺介绍</li>
          <li>宠物资讯</li>
          <li>宠物产品</li>
          <li>客户留言</li>
        </ul>
      </div>
      <div class="f-mid">
        <p>Copyright©2002-2015 上海XXX科技有限公司 版权所有 Power by DedeCms</p>
      </div>
      <div class="f-bottom">
        <p>电话：0755-61881808</p>
        <p>邮箱：483957329@qq.com</p>
        <p>地址：上海第二工业大学（宝山校区）</p>
      </div>
    </div>
  </footer>
</body>
<script src="../js/module/lazyLoad/a.js" type="module"></script>
<script src="../js/module/shopCart/cart.js" type="module"></script>
</html>